<template>
    <TabBar>
        <TabBarItem path="/home">
            <template v-slot:item-icon><img src="../../assets/img/mall.png"></template>
            <template v-slot:item-icon-active><img src="../../assets/img/activeMall.png"></template>
            <template v-slot:item-text>集市</template>
        </TabBarItem>
        <TabBarItem path="/add">
            <template v-slot:item-icon><img src="../../assets/img/Add.png"></template>
            <template v-slot:item-icon-active><img src="../../assets/img/activeAdd.png"></template>
            <template v-slot:item-text>物品上架</template>
        </TabBarItem>
        <TabBarItem path="/profile">
            <template v-slot:item-icon><img src="../../assets/img/Profile.png"></template>
            <template v-slot:item-icon-active><img src="../../assets/img/activeProfile.png"></template>
            <template v-slot:item-text>我的</template>
        </TabBarItem>
    </TabBar>
</template>

<script>
    import TabBar from '../common/tabbar/tabBar'
    import TabBarItem from '../common/tabbar/TabBarItem'
    export default {
        name: "MainTabBar",
        components:{
            TabBar,
            TabBarItem,
        }
    }
</script>

<style scoped>

</style>